<!--  -->
<template>
  <div class="completed-con">
    <a-result status="success" title="恭喜您！已完成企业设立全部流程！">
      <template #extra>
        <div style="width: 100%; display: flex; justify-content: center">
          <a-button style="width: 150px; margin: 30px 100px" type="primary" @click="gotoDetail">
            查看企业信息
          </a-button>
          <a-button style="width: 150px; margin: 30px 100px" type="primary" @click="gotoDetailKP">企业开票 </a-button>
        </div>
      </template>
    </a-result>
  </div>
</template>

<script>
export default {
  // import引入的组件需要注入到对象中才能使用
  name: 'completed',
  components: {},
  props: {
    formInfo: {
      type: Object,
    },
    coloseEvent: {
      type: Function,
    },
  },
  data() {
    // 这里存放数据
    return {}
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  // 方法集合
  methods: {
    gotoDetail(){
      this.coloseEvent()
    },
    gotoDetailKP(){
      this.$router.push({
          path: '/invoice/applyInvoice',
          query: {
            bizId: this.formInfo.entId,
          },
        })
    },
  },
}
</script>
<style lang="less">
.ant-modal-body{
  padding: 40px;
}
.completed-con {
  height: 600px;
  width: 100%;
  border: 1px solid #c3c3c3;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
